function hMoveOn(){
    document.getElementsByTagName('h2')[0].style.background='orange';

}

function hMoveOut(){
    document.getElementsByTagName('h2')[0].style.background='#45a3fe';

}

//通过ajax完成数据的提交
function ajaxLogin() {
    //$就表示jquery在进行调用
    //json就是javascript当中的object对象，所以js当中去使用json是它原本就有的功能，js的对象格式进行编辑就是用json来写的
    //$ajax({}) 里面传json，json里面填的是ajax当中我们需要提交的这些参数
    $.ajax(
        {
            //指定请求的url地址：
            url:"./login",
            //指定http的方法
            type:"post",
            //发送到服务器的数据
            //通过css选择器，用$()的jquery语法进行定位
            data:$("form").serialize(),  //$(selector).serialize()     --serialize()方法通过序列化表单值，创建 URL 编码文本字符串。
            //接收返回信息的格式，选择json，默认不设置的时候，是text
            dataType:"json",
            //data:{"username":"Will","password":"123456"},
            //获取返回，并且对返回信息进行处理
            //请求成功获取到返回结果的时候所进行的操作
            //获取到的返回信息就是function参数表里的res
            success:function (res) {
                //声明一个变量variable
                var msg=res["msg"];
                $("#loginMsg")[0].innerText=msg;
                if (msg=="恭喜您，登录成功"){
                    $("#loginMsg")[0].style.color="green";
                    //页面跳转到user.html网页
                    window.location.href="./user.html";
                }else{
                    $("#loginMsg")[0].style.color="red";
                }
                //alert("请求成功，结果是："+res["msg"]);//从json中获取要的msg内容
            },
            //请求失败的时候进行的操作
            error:function () {
                alert("请求失败");
            }

        }
    )
}


function getUser(){
    $.ajax({
        url: "./GetUserInfo",
        //data这里不需要传输数据，需要的数据从json中直接获取
        type:"post",
        dataType: "json",
        success:function (result) {
            if (result["id"]!=null){
                //这里要做的就是去替换<div id="userid">xxx</div>和<div id="nickname">以及div id="describe">的信息
                //替换的内容就是{"nickname":"roy","id":"52","describe":"哈哈"}
                $("#userid")[0].innerText=result["id"];
                $("#nickname")[0].innerText=result["nickname"];
                $("#describe")[0].innerText=result["describe"];
            }

        },
        error:function () {
            alert("请求用户信息失败！请检查");
        }
    })
}


//逻辑就是：
//访问index.html的时候，如果获取到id，就会重定向到user.html,语句就是：window.location.href="./user.html";
//user.html会调用getUser()的js方法，这个方法是要把信息显示出来
//如果获取不到id，就什么也不做，如果写了else{window.location.href="./index.html";}就又会重新请求index.html，加载时又会check，，然后就又递归了，所以不能这么写
function checkLogin(){
    $.ajax({
        url: "./GetUserInfo",
        //data这里不需要传输数据，需要的数据从json中直接获取
        type:"post",
        dataType: "json",
        success:function (result) {
            if (result["id"]!=null){
                //index.html调用的，它不需要去解析json然后给页面元素赋值，只需要跳转到user.html就行了，user.html自己会去再调getUser，来完成对user.html这个页面的处理
                //user.html会调用getUser()的js方法，这个方法要把信息显示出来，这是到user.html这个页面才做的
                window.location.href="./user.html";

            }
        }
    })
}


function logout() {
    $.ajax({
        url:"./logout",
        type:"post",
        dataType:"json",
        success:function (result) {
            alert(result["msg"])
            window.location.href="./index.html";
        },
        error:function () {
            alert("调用登录接口失败，请检查服务日志。");
        }
    })
}


//sessionstorage是存储本次会话里的一些内容，可以在浏览器本地存下来，关了浏览器就没了